<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下，你就知道</title>
    <style>
        a{
            color: #555555;
            fontsize:14px;
        }
        .top{
            height: 33px;
            border-bottom: solid 1px #ebebeb;
        }
        .top .left{
               float:left;
        }
        .top .right{
            float:right;
        }
        .top .right span{
            margin-right: 20px;
        }
        .top .right span #dl{
            color:white;
            background-color: mediumblue;
        }
        .top span{
            color: #555555;
            fontsize:14px;
        }
        .main{
            font-size: 0;
        }
        .main .input-search{
            width: 550px;
            height: 35px;
            border:solid 1px #b8b8b8;
            border-radius: 10px;
        }
        .main .btn-search{
            background-color: #3388ff;
            border: none;
            color: white;
            font-size: 18px;
            width: 102px;
            height: 40px;
            margin-left: 10px;
        }
        .main .logo{
            height:129px;
            width:270px;
            margin-bottom: 25px;
            margin-top: 74px;
        }
        .logo-container,.search{
            text-align: center;
        }
        .footer{
            margin-top: 400px;
            text-align: center;
        }
        a:hover{
            color: red;
        }
    </style>
</head>
<body>
<div class="top">
    <div class="left">
            <a herf="#">新闻</a>
            <a herf="#">地图</a>
            <a herf="#">直播</a>
            <a herf="#">视频</a>
            <a herf="#">贴吧</a>
            <a herf="#">学术</a>
    </div>
    <div class="right">
        <span>设置</span>
        <span><input id="dl" type="submit" value="登录"></span>
    </div>
</div>
    <div class="main">
        <div class="logo-container">
        <img class="logo" src="baidu.png"/>
        </div>
<div class="search">
<input class="input-search"/>
    <button class="btn-search">百度一下</button>
</div>
        <div>
            <span>百度热搜</span>
            <ol>
                <li><a href="#">131省区市新增本土确诊108例</a></li>
                <li><a href="#">人民日报评阿里女员工被侵害事件</a></li>
                <li><a href="#">秦皇岛落水被救女孩家属道歉</a></li>
            </ol>
        </div>
    </div>
    <div class="footer">
        <div>
            <a href="#">关于百度</a>&nbsp&nbsp
            <a href="#">使用百度前必读</a>&nbsp&nbsp
            <span>©2021 Baidu</span>&nbsp&nbsp
            <a href="#">帮助中心京公网安备11000002000001号</a>&nbsp&nbsp
            <span>京ICP证030173号</span>
        </div>
    </div>
</body>
</html>